<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>四川奥洁-新风系统</title>
    <meta name="author" content="四川奥洁-新风系统"/>

    <link rel="stylesheet" type="text/css" href="/static/admin/css/style.css"/>
    <style>

        html {
            font-size: 50px;
            -webkit-tap-highlight-color: transparent;
            height: auto;
            min-width: 320px;
            overflow-x: overflow;
            overflow-y: auto;
        }

        body {
            background: #3d7ba8;
            height: auto;
        }

        canvas {
            z-index: -1;
            position: absolute;
        }

        #logoIcon {
            width: 100%;
            margin-top: 50px;
            text-align: center
        }

        #logonCont {
            width: 100%;
            height: 50px;
            text-align: center;
            margin-top: 50px;
        }

        #logonCont .login_txtbx {
            width: 120px;
            height: 24px;
            line-height: 24px;
            display:inline-block;
        }

        #logonCont .submit_btn {
            width: 80px;
            height: 30px;
        }

        #logonlist {
            width: 90%;
            text-align: left;
            margin-left: auto;
            margin-right: auto;
        }


        .table {
            word-wrap: break-word;
            word-break: break-all;
        }

        .table tr td {
            text-align: center;
            word-wrap: break-word;
            word-break: break-all;
        }

        .table tr th {
            text-align: center;
            word-wrap: break-word;
            word-break: break-all;
        }

        .t1 {
            background-color: #fff;
        }

        .t2 {
            background-color: #eee;
        }

        .t3 {
            background-color: #ccc;
        }

        .tip {
            position: absolute;
            background: #9FC;
            border-color: #F60;
            z-index: 9999;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            -khtml-opacity: 0.8;
            opacity: 0.8;
        }

        .hidden-detail {
            display: none;
        }

        .mypointer {
            width: 95%;
            overflow: hidden;
            height: 25px;
            line-height: 25px;
            cursor: pointer;
        }
    </style>

    <script src="/static/mimi/js/confirm/js/jquery-1.9.1.js"></script>
</head>
<body>

<div id="logoIcon">
    <img alt="" src="/static/admin/images/logoB.jpg"/>
</div>
<div id="logonCont">
    用户名：<input type="text" placeholder="账号" name="username"  class="login_txtbx"/>
    密码：<input type="password" placeholder="密码" name="password"  class="login_txtbx"/>
    验证码：<input type="text" name="yzm" id='yzm' placeholder="验证码" class="login_txtbx" value="">
    <!--<img  title="点击刷新" style="height:26px;width:60px;" src="/admin/login/checkCode" align="absbottom" onclick="this.src='/admin/login/checkCode?'+Math.random();"></img>-->
    <img src="{:captcha_src()}" class="verify"
         onclick="javascript:this.src='{:captcha_src()}?rand='+Math.random()" style="display: inline-block;border:1px solid #ccc;">
    <input type="button" id="submit" value="立即登陆" class="submit_btn"/>
</div>
<div style="width:100%;height:50px;line-height:50px;font-size:16px;color:white;text-align:center;">
    四川奥洁 - <a href="http://www.beian.miit.gov.cn" target="_blank" style="color:white">蜀ICP备11024464号-3</a>
</div>

</body>
</html>


<link rel="stylesheet" href="/static/mimi/css/animate.min.css" type="text/css"/>
<link rel="stylesheet" href="/static/mimi/css/font-awesome.min.css" type="text/css"/>

<link rel="stylesheet" type="text/css" href="/static/mimi/js/confirm/css/xcConfirm.css"/>
<script src="/static/mimi/js/confirm/js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>

<script src="/static/mimi/js/mimi.js"></script>
<script src="/static/mimi/js/glob.func.js"></script>

<script type="text/javascript">
    $(function () {
        $("tr:odd").css("background-color", "#eeeeee");
        $("tr:even").css("background-color", "#ffffff");
        /*$("tr").live({
            mouseover:function(){
            $(this).css("background-color","#eeeeee");
            },
            mouseout:function(){
            $(this).css("background-color","#ffffff");
            }
            }) ;*/
        $("#submit").on('click', function () {

            var username = $("input[name='username']").val();
            var password = $("input[name='password']").val();
            var yzm = $("input[name='yzm']").val();
            if (username == "") {
                ErrTiShi("登陆账号不能够为空");
                return false;
            }
            if (password == "") {
                ErrTiShi("登陆密码不能够为空");
                return false;
            }
            if (yzm == "") {
                ErrTiShi("验证码不能够为空");
                return false;
            }

            $.ajax({
                type: "post",
                url: "/admin/login/login",
                dataType: "json",
                data: {
                    username: username,
                    password: password,
                    yzm: yzm
                },
                success: function (data) {
                    //console.log();
                    if (data.err == 0) {
                        SuccessTiShi("登录成功");

                        window.location.href = "/admin/index/index";

                    } else {
                        ErrTiShi(data.msg);
                        return false;
                    }
                }
            });
        });


    });


</script>

<script>
    $(function () {
        //$("[data-toggle='popover']").popover();
        $("[data-toggle='tooltip']").tooltip();
    });


</script>
